<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.box{width:200px;margin:30px auto;}
.head{background:url(img1/headLine.gif) repeat-x; overflow:hidden;}/* 处理IE6最小高度19px问题 */
.headL{background:url(img1/headL.gif) no-repeat;}
.headR{background:url(img1/headR.gif) no-repeat right 0; height:8px;}
.container{border-left:2px solid #989898; border-right:2px solid #989898;}
.foot{background:url(img1/footLine.gif) repeat-x; overflow:hidden}
.footL{background:url(img1/footL.gif) no-repeat;}
.footR{background:url(img1/footR.gif) no-repeat right 0; height:8px;}
</style>
</head>
<div class="box">
  <div class="head">
    <div class="headL">
      <div class="headR"></div>
    </div>
  </div>
  <div class="container">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>
  <div class="foot">
    <div class="footL">
      <div class="footR"></div>
    </div>
  </div>
</div>
<body>
</body>
</html>
